{extend name="common/layout" /}

{block name="style"}{/block}

{block name="content"}

<style type="text/css">
.warp-all { width:1210px!important }
.ynwebs-zt-mainbox .ml-item { position:relative; width:585px; float:left; height:213px; border:1px solid #f6f6f6; border-right-color:#dbdbdb; border-bottom-color:#dbdbdb; margin-bottom:20px; zoom:1; margin-right:10px; box-shadow:1px 2px 2px -1px #dbdbdb }
.ynwebs-zt-mainbox .ml-item .mli-img { position:relative; margin-left:206px }
.ynwebs-zt-mainbox .ml-item .mli-info { position:absolute; left:0; top:0; width:210px; height:213px; overflow:hidden; background:#fff; text-align:center }
.ynwebs-zt-mainbox .ml-item .mli-info .brand-active { overflow:hidden; width:210px; padding-top:20px; padding-bottom:15px; border-bottom:1px dotted #eee; margin-bottom:10px; font:400 12px/14px arial, '\5fae\8f6f\96c5\9ed1'; color:#666 }
.ynwebs-zt-mainbox .ml-item .mli-info .brand-active a { display:block; font-size:14px; overflow:hidden; width:210px; height:14px; text-overflow:ellipsis; white-space:nowrap; color:#484848 }
.ynwebs-zt-mainbox .ml-item .mli-info .brand-rebate { width:190px; margin:10px; cursor:default }
.ynwebs-zt-mainbox .ml-item .mli-info .brand-rebate span { font:400 12px/1em '\5fae\8f6f\96c5\9ed1'; color:#666 }
.ynwebs-zt-mainbox .ml-item .mli-info .brand-rebate a { position:absolute; bottom:20px; width:100px; display:block; box-sizing:border-box; line-height:30px; height:30px; border-radius:2px; background:#dd2727; color:#FFF; padding:0 20px; margin-left:40px }
.no-content { font: normal 16px/20px Arial, "microsoft yahei"; color: #999999; text-align: center; padding: 150px 0; }
</style>

	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/font-family.css">
	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/layui.css">
	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/monopoly.css">

<div class="topBanner">
    <div class="topBanner-img">
    	<a href="javascript:;" title="{$special_adv_img.ap_name}">
    		<img style="width:1920px;height:300px" src="__UPLOAD_PATH__/shop/adv/{$special_adv_img.default_content}" alt="{$special_adv_img.ap_name}" border="0">
    	</a>
    </div>
    <div class="img-float">
        <h2>专卖场</h2>
        <h4>Monopoly farm</h4>
      <!--   <p>6大核心原生态基地 / 1300多家茶叶合作社 / 8888户茶农 / 10000多种茶品</p> -->
    </div>
</div>
   	
<div class="warp-all">
  <div class="ynwebs-zt-mainbox">
    
    
    <?php if(!empty($special_list) && is_array($special_list)) { $i =0; ?>
	    <div class="zhuanTi">
		    <div class="container zhuanTi-block">
		    		<?php foreach($special_list as $value) { $i++; ?>
		    			<?php if(is_int($i/4)) {?>
		    				<div class="zhuanTi-img" style="margin-right: 0;">
		    			<?php }else {?>	
			        <div class="zhuanTi-img">
			        <?php }?>	
			        	{if empty($value['special_image_path'])}
                			<img src="__UPLOAD_PATH__/cms/no_cover.png" alt="<?php echo $value['special_stitle'];?>">
                		{else /}
                		<img src="{$value['special_image_path']}" alt="<?php echo $value['special_stitle'];?>">
                    	{/if}
			            
			            
			            <div class="buttonBox">
			                <a href="{:url('special_detail', array('special_id'=>$value['special_id']))}" class="but" target="_blank"><?php echo $value['special_stitle'];?></a>
			                <div class="border"></div>
			                <div class="border"></div>
			                <div class="border"></div>
			                <div class="border"></div>
			            </div>
			        </div>
		        <?php } ?>
		    </div>
	    </div>
    
    <?php } else { ?>
    <div class="no-content">暂无专题内容</div>
    <?php } ?>
  </div>
</div>
{/block}